Tredun graafinen ohjeisto

Tässä linkki graafiseen ohjeistukseen

Värit

väri Mustikka
CMYK: 100 - 85 - 5 - 36
RGB: 4 - 37 - 70
HEX: #042546
hsl: 210, 89%, 15%

väri Tredun turkoosi
CMYK: 100 - 1 - 5 - 5
RGB: 0 - 153 - 204
HEX: #0099cc
hsl: 195, 100%, 40%

väri Vaalea petrooli
CMYK: 58 - 0 - 36 - 0
RGB: 140 - 193 - 179
HEX: #8cc1b3
hsl: 164, 30%, 65%

väri Fuksia
CMYK: 25 - 87 - 16 - 2
RGB: 165 - 63 - 123
HEX: #a5407b
hsl: 325, 44%, 45%

väri Idea
CMYK: 0 - 17 - 87 - 0
RGB: 244 - 210 - 64
HEX: #f4d240
hsl: 49, 89%, 60%

väri Havunvihreä
CMYK: 85 - 12 - 53 - 35
RGB: 57 - 115 - 104
HEX: #397368
hsl: 169, 34%, 34%

Fontit

Quicksand

Quicksand-fonttiperhettä käytetään otsikkotasolla. Quicksand-fontti on kevytja pehmeälinjainen.

Tästä saat fontin käyttöön (Google)

Tästä saat fontin käyttöön (Adobe)

Overpass

Overpass-fonttiperhettä käytetään pääasiallisesti leipäteksteissä, mutta sitä voidaan hyödyntää myös otsikkotasolla. Tämä selkeälinjainen fontti tuo sopivasti kontrastia Quicksand-fontille.

Tästä saat fontin käyttöön (Google)

Tästä saat fontin käyttöön (Adobe)

Caveat brush

Caveat Brush on koristeellinen fontti, eikä sitä käytetä otsikko- tai leipätekstitasolla saavutettavuuden vuoksi. Sitä voidaan hyödyntää esimerkiksi sitaateissa ja tekstinostoissa.

Tästä saat fontin käyttöön (Google)

Tästä saat fontin käyttöön (Adobe)

Calibri

Calibri on asiakirjoissa käytettävä fontti, sekä otsikoissa että leipäteksteissä. Tämä fontti löytyy tietokoneen fonttivalikosta ilman erillistä latausta.

Tästä saat fontin käyttöön (Adobe)

CSS-koodia jolla fontit saa käyttöön nettisivuilla

@font-face {
    font-family: "Overpass", sans-serif;
    src: url(Tredun_graafinen_ohjeistus_2025.pdf);
    font-weight: 20px;
}

Logot

PDF

CMYK

PDF

CMYK

PDF

CMYK

PDF

CMYK

PDF

CMYK

PDF

CMYK

PDF

CMYK

PDF

CMYK

PDF

CMYK